<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <style>
            *{
                padding: 0px;
                margin: 0px;
                list-style: none;
            }
            .header{
                height: 74px;
                background: url('images/bg.jpg') repeat-x; 
                ;
            }
            .nav{
                width: 968px; 
                height: 74px;
                margin: 0px auto;
            }
            .nav h1{
                float: left;
            }
            .nav ul{
                float: right;
            }
            .nav li{
                float:left;
            }
            .nav img{
                height: 40px;
                margin-top: 16px;
            }
            .nav a{
                font-size: 13px;
                text-decoration: none;
                color: #fff;
            }
            .nav li{
                margin-right: 14px;
                padding: 9px;
                margin-top: 17px;
            }
            .nav li:hover{
                background: #242323;
                border-radius:20px;
            }
            .nav h2{
                float:left
            }
            .banner{
                background-color: #dededf;
                height: 424px;
            }
            .intro{
                width: 968px; 
                margin: 0px auto;
            }
            .intro h2{
                padding: 45px 0 3px;
                width: 968px; 
                margin: 0px auto;
            }
            .intro p {
                font-size: 16px;
                color: #979797;
                margin: .33em 0;
                width: 968px; 
                margin: 0px auto;
            }
            .dot{
                float: left;
                display: block;
                margin: 10px 11px 0 0;
                height: 6px;
                width: 6px;
                border-radius: 5px;
                background-color: #999;
            }
            .password{
                width: 968px; 
                margin: 0px auto;
            }
            .password a{
                text-decoration: none;
                color: #609700;
                cursor: pointer;
            }
            .line1{
                float: right;
                margin-top: 0px;
                margin-left: 0px;
                width: 830px;
                height: 0px;
            }
            .com .left{
                float: left;
                font-size: 14px;
            }
            .com .right{
                float: right;
            }
            .com .left img{
                widows: 629px;
            }
            .com .left li{
                float: left;
                width:217px;
            }
            .com .left .last{
                width: 1 ;
            }
            .list li{
                width: 500px;
            }
            .list span{
                float:right;
            }
            i{
                color:red
            }
            .com img{
                margin-top: 48px;
            }
            .com{
                margin-left: 280px;
            }
            .footer {
                margin-left: 660px;
                padding-bottom: 10px;
                padding-top: 48px;
            }
            .footer {
                font-size: 14px;
                font-weight: 700;
            }
            .footer li {
                list-style: disc outside;
                line-height: 1.8;
                color: #999;
                margin: 5px 0;
                white-space: nowrap;
            }
            .footer ul {
                padding-left: 12px;
            }
            .footer a {
                text-decoration: none;
                color: #609700;
                cursor: pointer;
                outline: none;
                font-weight: 500;
            }
            .end {
                clear: both;
                margin-top: 22px;
                border-top: 1px solid #d4dadf;
                font-size: 12px;
                text-align: center;
                color: #d8d8d8;
                padding: 10px 0;
                margin-right: 170px;
}
            .end p {
                color: #888;
                font-size: 11px;
                margin: 5px 0;
            }
            .end a{
                color: #888;
                text-decoration: none;
            }
            .footer {
                margin-left: 650px;
                padding-bottom: 10px;
                padding-top: 48px;
                margin-right: 210px;
            }
            .line1 a{
                color: #609700;
                text-decoration: none;
            }
            .left a{
                color: #609700;
                text-decoration: none;
            }
            .left p{
                font-weight: 500;
            }
            </style>
        </head>
        <body>
            <div class="header">
                <div class="nav">
                    <h1>
                        <a href="">
                            <img src="images/3.png" alt="">
                        </a>
                    </h1>
                    <ul>
                        <li>
                        <a href="">首页</a>
                    </li>
                        <li>
                        <a href="">帮助与反馈</a>
                    </li>            
                        <li>
                        <a href="">公众平台</a>
                    </li>            
                        <li>
                        <a href="">开放平台</a>
                    </li>
                        <li>
                        <a href="">微信支付</a>
                    </li>
                        <li>
                        <a href="">微信广告</a>
                    </li>
                        <li>
                        <a href="">企业微信</a>
                    </li>
                        <li>
                        <a href="">表情开放平台</a>
                    </li>
                    <ul>
                        <li>
                        <a href="">微信网页版</a>
                    </li>
                </ul>
                </div>
            </div>
            <div class="line1" style="right:60px">
                <ul id="circleList">
            <li> 
                <a target="_blank" href="" style="display:block"> 
                    <img src="images/2.png" alt=""> 
                </a> 
                <p style="text-align:center;margin-right:350px"> 
                    <span> 微信 3.2.1 for Windows 发布 <br> 
                        <span class="gray"> 
                        <a href="" style="margin-right:-5px;">Windows 3.2.1
                        </a> 
                        </span> 
                        </span> 
                        </p> 
                        </li> 
                    </ul> 
                </li>
            </ul> 
</div>
            <div class="banner">    
                <div class="intro"><h2 class="title" style="background-image:none;font-size:26px;font-weight:400">
                        微信，是一个生活方式
                    </h2>
                <p class="title-">超过十亿人使用的手机应用</p>
                <p class="title-">支持发送语音短信、视频、图片和文字</p>
                <p class="title-">可以群聊，仅耗少量流量，适合大部分智能手机</p>
                <a href="https://weixin.qq.com/cgi-bin/readtemplate?uin=&stype=&promote=&fr=&lang=zh_CN&ADTAG=&check=false&nav=download&t=weixin_download_list&loc=readtemplate,weixin,body,6" class="pic">
                    <img style="margin-top:15px"src="images/1.png" alt="">
                </a>
            </div>
            <div class="line"></div>
            <div style="line-height: 1.5;margin-top: 10px;">
                <ul class="password">
                    <li>
                        <span class="dot"></span>
                        <a href="https://weixin110.qq.com/security/readtemplate?t=find_password/index" target="_blank">忘记了微信帐号或密码？</a>
                    </li>
                    <li>
                        <span class="dot"></span>
                        <a href="https://weixin110.qq.com/security/readtemplate?t=page/self_deblock__account&amp;lang=zh_CN" target="_blank">自助解除登录或功能限制</a>
                    </li>
                    <li><span class="dot"> </span>
                        <a href="https://weixin110.qq.com/security/readtemplate?t=page/account_frozen__intro" target="_blank">冻结或解冻微信帐号</a>
                    </li>
                </ul>
            </div>    
        </div>
            <div class="com"> 
                <div class="left">
                    <img src="images/4.png" alt="">
                <ul>
                    <li>
                    <h3>微信网页版</h3> 
                    <p>扫一扫二维码</p> 
                    <p>就能在浏览器上使用微信</p> 
                        <a target="_blank" href="https://wx.qq.com/">了解更多</a>
                    </li> 
                    <li>
                    <h3>微信 Mac 版</h3> 
                    <p>极致简洁，迅捷沟通</p> 
                        <a target="_blank" href="https://mac.weixin.qq.com/">了解更多</a>
                    </li> 
                    <li class="last">
                    <h3>微信 Windows 版</h3> 
                    <p>让沟通更方便</p> 
                        <a target="_blank" href="https://pc.weixin.qq.com/" title="微信 Windows 版">了解更多</a>
                    </li> 
                </ul>
        </div>
        <div class="right"></div>
        <div class="footer"> 
            <h4>最新消息</h4> 
            <ul> 
                <li> 
                    <span class="right">03-25</span> 
                    <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/android/802/index&faq=android_802">微信 8.0.2 for Android 正式版发布</a>
                    <span style="color:red;">(New)</span> 
                </li> 
                <li> 
                        <span class="right">03-22</span> 
                    <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/win/321/index&faq=win_321">微信 3.2.1 for Windows 正式版发布</a>
                     <span style="color:red;">(New)</span> 
                    </li> 
                    <li> 
                        <span class="right">02-02</span> <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/ios/802/index&faq=ios_802">微信 8.0.2 for iOS 正式版发布</a>
                        <span style="color:red;">(New)</span> 
                    </li> 
                    <li> 
                        <span class="right">01-20</span> <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/mac/261/index&faq=mac_261">微信 2.6.1 for Mac 正式版发布</a> 
                        <span style="color:red;">(New)</span> 
                    </li> <li> <span class="right">01-28</span> 
                        <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/upgrade">关于部分 iOS 9 用户无法更新微信</a><span style="color:red;">(New)</span> 
                    </li> 
                    <li> 
                        <span class="right">02-11</span> <a href="https://weixin.qq.com/cgi-bin/readtemplate?t=weixin_external_links_content_management_specification">微信外部链接内容管理规范</a> 
                    </li> 
                    <li> 
                        <span class="right">01-17</span> 
                        <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/web/21/index&faq=web_21">微信网页版 2.1 版本发布</a> 
                    </li>
                    <li> 
                         <span class="right">07-29</span> <a target="_blank" href="https://sticker.weixin.qq.com/cgi-bin/mmemoticon-bin/loginpage?t=login/index">微信表情开放平台上线</a> 
                        </li> 
                        <li> 
                            <span class="right">10-28</span> <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_rumor_filter">官方辟谣公众号开通</a> 
                        </li> 
                    </ul> 
                    <div style="margin:10px 0 5px"><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_faq_list">查看更多</a> 
                    </div> 
                    <div class="feed_maillist" style="margin-right:15px"> <span class="ico_contactus"></span> 
                        <div class="contactus"> 
                        </div> 
                    </div> 
        </div>
        <div class="end"> 
            <div style="float:left;text-align:left"> 
                <a href="https://www.tencent.com" target="_blank">关于腾讯</a><span class="graytext">
                </span> 
                <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_agreement&s=default" target="_blank">服务条款</a>
                <span class="graytext">
                </span> 
                <a href="https://weixin.qq.com/cgi-bin/readtemplate?&t=page/agreement/personal_account&lang=zh_CN">使用规范</a><span class="graytext">
                </span>
                <a href="https://kf.qq.com/product/weixin.html">客服中心</a>
                <span class="graytext">
                </span> 
                <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_agreement&s=privacy" target="_blank">隐私保护指引</a> 
                <p>© 1998 - 2021 Tencent Inc. All Rights Reserved</p> </div> <div style="float:right"> 
                    <a href="https://weixin.qq.com/">简体中文</a>
                    <a href="https://wechat.com/zh_TW/">繁體中文</a>
                    <a href="https://wechat.com/en/">English</a> 
                </div> 
</body>
</html>